﻿@model DriveBabyDrive.Models.LogOnModel

@{
    ViewBag.Title = "Log On";
}

@section Header {
   
    <h1>@ViewBag.Title</h1>
}

<p>
    Welcome to Mileage Tracker! (alpha). Please logon or  @Html.ActionLink("Register", "Register") if you don't have an account.
</p>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

@using (Html.BeginForm()) {
    <ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Details</li>

        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.UserName)
            @Html.TextBoxFor(m => m.UserName )
            @Html.ValidationMessageFor(m => m.UserName)
        </li>

        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password)
            @Html.ValidationMessageFor(m => m.Password)
        </li>

        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.RememberMe)
            @Html.CheckBoxFor(m => m.RememberMe)
        </li>

        <li data-role="fieldcontain">
            <input type="submit" value="Log On" />
            
        </li>
         <li data-role="fieldcontain" >
            <div >
             @Html.ActionLink("Register", "Register", "Account", new { @data_role = "button" })
             </div>
         </li>

    </ul>
}